<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>左右移动</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			
			ul li{
				list-style: none;
			}
			.wp{
				width:500px;
				height: 300px;
				border: 1px solid red;
				margin: 20px auto;				
			}
		</style>
	</head>
	<body>
		
		<div class="wp">
			<ul class="left">
				<li>11111</li>
				<li>22222</li>
				<li>33333</li>
				<li>44444</li>
				<li>55555</li>
			</ul>	
			
			<ul>
				<li>aaaaa</li>
				<li>sssss</li>
				<li>ddddd</li>
			</ul>
			<div class="btn">
				<button>toLeft</button>
				<button>toRight</button>
				<button>toLeftAll</button>
				<button>toright</button>
			</div>
		</div>
		<script src="../lib/jquery-1.12.1.min.js"></script>
		<script>
			
		</script>
		
	</body>
</html>
